<!DOCTYPE HTML>
<html lang="ko">
<html>
<head>
<meta charset="utf-8">
<title>App SNB</title>
<link rel="stylesheet" type="text/css" href="css/basic80.css" media="screen">
</head>
<body>
<!-- SNB Wrapper -->
<div class="wrap_snb"><a href="#" class="btn_large">편지쓰기</a> 
    <!-- mail_gage start -->
    <div class="info_area" id="defaultDiv">
        <ul>
            <li><span id="usequota">1205</span>&nbsp;/&nbsp;<span id="limitquota">100</span>MB<a onfocus="blur();" href="javascript:managementcapacity();" title="편지함관리"><img src="images/btn_mng_mail.gif"></a></li>
            <li>
                <table id="quotatable" width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td><img id="gagequota" src="images/BAR_BG_ON.GIF" width="53" height="7"><img id="gagequotabg" src="images/BAR_BG.GIF" width="127" height="7"></td>
                        </tr>
                    </tbody>
                </table>
            </li>
        </ul>
    </div>
    <!-- //mail_gage end --> 
    <!-- snb_lst -->
    <ul class="snb_lst">
        <li><a href="#">받은 편지함</a></li>
        <li><a href="#">보낸 편지함</a></li>
        <li><a href="#" class="snb_on">지운 편지함</a></li>
        <li><a href="#">임시 보관함</a></li>
        <li><a href="#">예약 편지함</a></li>
        <li><a href="#">메일설정</a></li>
        <li><a href="#">메일공지</a></li>
    </ul>
    <!-- //snb_lst --> 
</div>
<!-- //SNB Wrapper --> 
<!-- SNB Wrapper -->
<div class="wrap_snb" style="left: 240px;"><a href="#" class="btn_large">게시하기</a> 
    <!-- snb_lst -->
    <ul class="snb_lst">
        <li class="snb_count"><a href="#" class="snb_on">최근게시물<span>59</span></a></li>
        <li><a href="#">최근읽은게시물</a></li>
    </ul>
    <!-- //snb_lst --> 
    <!-- 게시판리스트 --> 
    <!-- Tab Menu -->
    <div class="tab_area tab_half">
        <ul class="tab_menu">
            <li class="selected"><a href="#">전체게시판</a></li>
            <li><a href="#">즐겨찾기</a></li>
        </ul>
    </div>
    <!-- //Tab Menu --> 
    <!-- 게시판검색 -->
    <fieldset class="search srch_s">
        <legend>검색</legend>
        <input name="BN" id="BN" onkeydown="if (event.keyCode == 13) { return goSearchBoardTree(); }" onfocus="this.value=''" type="text" value="게시판검색"/>
        <a onfocus="blur();" href="javascript:search()" title="검색" class="srch_btn_s"></a>
    </fieldset>
    <!-- //게시판검색 --> 
    <!-- 트리영역 -->
    <div class="snb_tree_area"><span style=" display:block;width:100%;text-align:center;padding-top:20px;">결재문서함 트리영역 <br>
        <br>
        span은 삭제해주세요.</span></div>
    <!-- //트리영역 --> 
    <!-- //게시판리스트 --> 
</div>
<!-- //SNB Wrapper --> 
<!-- SNB Wrapper -->
<div class="wrap_snb" style="left: 460px;">
    <div class="btn_large_half"><a href="#" class="btn_l_lft">설문등록</a><a href="#" class="btn_l_rgt">투표등록</a></div>
    <!-- snb_lst -->
    <ul class="snb_lst">
        <li><a href="#">진행중설문</a></li>
        <li><a href="#">종료설문</a></li>
    </ul>
    <!-- //snb_lst --> 
    <!-- snb_lst -->
    <ul class="snb_lst under_lst">
        <li><a href="#">진행중투표</a></li>
        <li><a href="#" class="snb_on">종료투표</a></li>
    </ul>
    <!-- //snb_lst --> 
</div>
<!-- //SNB Wrapper --> 
<!-- SNB Wrapper -->
<div class="wrap_snb" style="left: 680px;"> 
    <!-- Tab Menu -->
    <div class="tab_area">
        <ul class="tab_menu">
            <li class="selected"><a href="#">개인</a></li>
            <li><a href="#">공유</a></li>
            <li><a href="#">즐겨찾기</a></li>
        </ul>
    </div>
    <!-- //Tab Menu --> 
    <!-- Toggle -->
    <div class="btn_toggle tlg_lft"><a href="#" class="tlg_on">목록</a><a href="#">관리</a></div>
    <div class="btn_toggle tlg_rgt"><a href="#">목록</a><a href="#" class="tlg_on">관리</a></div>
    <div class="btn_toggle tlg_one"><a href="#" class="tlg_on">목록</a></div>
    <!-- //Toggle --> 
    <!-- 트리영역 -->
    <div class="snb_tree_area"><span style=" display:block;width:100%;text-align:center;padding-top:20px;">결재문서함 트리영역 <br>
        <br>
        span은 삭제해주세요.</span></div>
    <!-- //트리영역 --> 
</div>
<!-- //SNB Wrapper --> 
<!-- SNB Wrapper -->
<div class="wrap_snb" style="left: 900px;"> 
    <!-- Tab Menu -->
    <div class="tab_area">
        <ul class="tab_menu">
            <li class="selected"><a href="#">개인</a></li>
            <li><a href="#">공유</a></li>
            <li><a href="#">즐겨찾기</a></li>
        </ul>
    </div>
    <!-- //Tab Menu --> 
    <!-- 부서선택 -->
    <div class="snb_pick" id=DIV_SEL_DEPT sizset="1" sizcache02314809806534509="1">
        <INPUT id=deptId name=deptId value=000020606 type=hidden>
        <INPUT class="inp_txt22 readonly" id="deptNm" onclick="javascript:fncSearchOrgzntPopInit('deptId')" name="deptNm" readonly value="공통기반팀" jQuery172037247406341291317="2" size="10">
        <a href="#" class="snb_srch_pick" onclick="javascript:fncSearchOrgzntPopInit('deptId')">변경</a></div>
    <!-- //부서선택 --> 
    <!-- 트리영역 -->
    <div class="snb_tree_area"><span style=" display:block;width:100%;text-align:center;padding-top:20px;">부서 트리영역</span></div>
    <!-- //트리영역 --> 
</div>
<!-- //SNB Wrapper -->

</body>
</html>
